<template>
	<view class="wrap">
		<image src="https://res.qiguoread.com/staticResources/fellow_townsman/image/load.png" class="icon-loading"></image>
	</view>
</template>

<script>
	export default {
		name:"zwyLoading",
		data() {
			return {
				
			};
		}
	}
</script>

<style scoped lang="scss">
	.wrap{
	    position: absolute;
	    width: 80rpx;
	    height: 80rpx;
	    top: 50%;
	    left: 50%;
	    margin-left: -40rpx;
	    margin-top:-40rpx; 
	}
	.icon-loading{
	    width: 80rpx;
	    height: 80rpx;
	    margin: auto;
	    animation: load 1.1s linear -2s infinite;
	}
	@keyframes load{
	    from{
	        transform: rotate(0deg);
	    }
	    to{
	        transform: rotate(360deg);
	    }
	}
</style>
